<template>
<div>
<!--地址-->
    <div>
      <van-cell title="新浦西街" style="margin-right: 20px" icon="wap-home-o" />
    </div>
  <!-- 搜索框-->
  <div>
    <van-search
        value="{{ value }}"
        input-align="center"
        placeholder="请输入搜索关键词"/>
  </div>

  <div>
    <van-icon name="logistics" />
    <label class="lb1">最快29分钟内到达</label>
    <van-icon name="logistics" />
    <label class="lb1">满15元免费送</label>
    <van-icon name="logistics" />
    <label class="lb1">客服电话:110</label>
  </div>

  <div>

    <van-grid :gutter="10" column-num="5">
      <van-grid-item >
        <van-image
            src="https://img0.baidu.com/it/u=466028124,1840953982&fm=253&fmt=auto&app=120&f=JPEG?w=600&h=400"
        />
      </van-grid-item>
      <van-grid-item >
        <van-image
            src="https://img0.baidu.com/it/u=466028124,1840953982&fm=253&fmt=auto&app=120&f=JPEG?w=600&h=400"
        />
      </van-grid-item>
      <van-grid-item >
        <van-image
            src="https://img0.baidu.com/it/u=466028124,1840953982&fm=253&fmt=auto&app=120&f=JPEG?w=600&h=400"
        />
      </van-grid-item>
      <van-grid-item >
        <van-image
            src="https://img0.baidu.com/it/u=466028124,1840953982&fm=253&fmt=auto&app=120&f=JPEG?w=600&h=400"
        />
      </van-grid-item>
      <van-grid-item >
        <van-image

            src="https://img0.baidu.com/it/u=466028124,1840953982&fm=253&fmt=auto&app=120&f=JPEG?w=600&h=400"
        />
      </van-grid-item>
      <van-grid-item >
        <van-image
            src="https://img0.baidu.com/it/u=466028124,1840953982&fm=253&fmt=auto&app=120&f=JPEG?w=600&h=400"
        />
      </van-grid-item>
      <van-grid-item >
        <van-image
            src="https://img0.baidu.com/it/u=466028124,1840953982&fm=253&fmt=auto&app=120&f=JPEG?w=600&h=400"
        />
      </van-grid-item>
      <van-grid-item >
        <van-image
            src="https://img0.baidu.com/it/u=466028124,1840953982&fm=253&fmt=auto&app=120&f=JPEG?w=600&h=400"
        />
      </van-grid-item>
      <van-grid-item >
        <van-image
            src="https://img0.baidu.com/it/u=466028124,1840953982&fm=253&fmt=auto&app=120&f=JPEG?w=600&h=400"
        />
      </van-grid-item>
      <van-grid-item >
        <van-image
            src="https://img0.baidu.com/it/u=466028124,1840953982&fm=253&fmt=auto&app=120&f=JPEG?w=600&h=400"
        />
      </van-grid-item>
    </van-grid>
    <div>
      <van-grid :gutter="20">
        <van-grid-item  text="一周一花" />
        <van-grid-item  text="滋补好物" />
        <van-grid-item  text="一日五餐" />
        <van-grid-item  text="营养早餐" />
      </van-grid>
    </div>
  </div>
</div>

  <div>
    <van-grid :gutter="10" column-num="2">
      <van-grid-item>
        <label>限时抢购</label>
        <h5>每日特价疯抢</h5>
        <van-image
            src="https://img1.baidu.com/it/u=687136960,3930265665&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=678"
        />
      </van-grid-item>
      <van-grid-item>
        <label>叮咚新品</label>
        <h5>每日特价疯抢</h5>
        <van-image
            src="https://img1.baidu.com/it/u=687136960,3930265665&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=678"
        />
      </van-grid-item>
      <van-grid-item>
        <label>叮咚菜场</label>
        <h5>每日特价疯抢</h5>
        <van-image
            src="https://img1.baidu.com/it/u=687136960,3930265665&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=678"
        />
      </van-grid-item>
      <van-grid-item>
        <label>绿卡会员</label>
        <h5>每日特价疯抢</h5>
        <van-image
            src="https://img1.baidu.com/it/u=687136960,3930265665&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=678"
        />
      </van-grid-item>

    </van-grid>

  </div>
</template>

<script>
export default {
  name: "LiveView",
  data(){
    return{

    }
  },
  methods:{

  }

}
</script>

<style scoped>
.lb1{
  font-size: 12px;
  margin-left: 10px;
  color: aliceblue;
}

.lb2{
  float: left;
  margin-right: 120px;
  margin-outside: 120px;
}

</style>